<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>堆快照内存监控</title>
  </head>
  <body>
    <button id="btn">add</button>

    <div id="div"></div>

    <script>
      const oBtn = document.querySelector("#btn");
      // const oDiv = document.querySelector("div");
      let tmp;

      document.querySelector("div").onClick = function () {
        alert(1);
      };

      function test() {
        let ul = document.createElement("ul");
        for (let i = 0; i < 10; i++) {
          let li = document.createElement("li");
          ul.appendChild(li);
        }

        tmp = ul;

        document
          .querySelector("div")
          .parentNode.removeChild(document.querySelector("div"));
      }

      oBtn.addEventListener("click", test);
    </script>
  </body>
</html>
